<template>
	<div id="app">
		<!-- <Tabbar v-show="$store.state.isTabbarShow"></Tabbar> -->
		<!--通过计算属性来判断-->
		<Tabbar v-show="isTabbarShow"></Tabbar>
		<section>
			<router-view></router-view>
		</section>
	</div>
</template>

<script>

import Tabbar from '@/components/Tabbar'
import {mapState} from 'vuex'	//ES6导出
// import bus from '@/bus'

	export default {
		name: 'App',
		data() {
			return {
				// isShow: true
			}
		},
		components: {
			Tabbar
		},
		// computed:{
		// 	isShow(){
		// 		return this.$store.state.isTabbarShow
		// 	}
		// },
		computed:{
			...mapState(["isTabbarShow"]),	//数组中是你要访问的状态, ...是ES6中的展开合并运算符
		},
		/*
		等价于 
		isTabbarShow(){
			return false 或者true
		}
		*/
		beforeMount(){
			// bus.$on('maizuo',(data)=>{
			// 	// console.log("maizuo is listen",data)
			// 	this.isShow = data;
			// })
		}
	}
</script>
<style lang="scss">
html{
	height: 100%;
}
li{
	list-style: none;
}
</style>
